Comment installer angularJS 2>

Comment installer angularJS 2



Au travers d’Angular 2, Google cherche à faire table rase du passé, en remettant à plat de nombreux concepts présents dans Angular 1.

Cette stratégie a été motivée par 4 principes fondateurs :

  • Augmenter les performances : l’un des plus grands reproches qui ait été fait à Angular sont ses lacunes en termes de performance. Pour palier ce problème, les développeurs d’Angular ont décidé de se reposer davantage sur les briques natives du navigateur, comme par exemple, les prometteurs WebComponents ;
  • Améliorer la productivité : en affichant une syntaxe expressive basée sur la syntaxe de ES2015/TypeScript (annotations, import, types, …), plutôt que sur des surcouches, Angular 2 rompt avec une longue tradition de frameworks à boilerplate ;
  • S’adapter au mobile : la conception modulaire du framework permet de réduire considérablement son empreinte mémoire sur les terminaux mobiles. Par ailleurs, il s’intègre avec les composants de « material design », ce qui permet la création d’applications dites « responsive » et multi-plateformes (téléphone, tablettes, ordinateur de bureau) ;
  • Embrasser les nouveaux standards du Web… en se basant sur des technologies telles que le ShadowDomObservables et autres nouveautés apportées par ES2015. Angular 2 s’intègre par ailleurs parfaitement bien avec les composants construits via d’autres bibliothèques (Polymer, X-Tag, etc.).


Plus d’informations ici : https://angular.io/

Ceci est un modèle de base pour Angular 2. Il contient les fichiers de base dont vous aurez besoin lors du démarrage d'un projet Angular 2. Pour commencer, suivez les instructions ci-dessous.

Installez Node.js et npm



Téléchargez la dernière version de Node.js si vous ne l'avez pas déjà installé sur votre machine. Ce téléchargement inclura également la dernière version de npm.

https://nodejs.org/en/download/

Télécharger ce référentiel



Cloner ce repo dans un nouveau dossier de projet. Vous pouvez également le télécharger en fichier ZIP.

https://github.com/buckyroberts/angular-2-template.git

Installer les bibliothèques et les dépendances



Une fois que vous avez téléchargé les fichiers, naviguez dans le répertoire racine du projet et exécutez la commande suivante. Cela va installer toutes les bibliothèques et dépendances.

npm install


Exécuter le projet



Vous pouvez maintenant démarrer le compilateur TypeScript en mode veille et lancer lite-server avec actualisation automatique.

npm start


Pour vider le cache



npm cache clean


Avec du l'aide de Angular CLI



#Créer une nouvelle application
ng new "application-name"


#Construit l'application et démarre un serveur Web.
ng serve


#Compile l'application dans un répertoire de sortie
ng build